<template>
  <div id="app">
    <app-header></app-header>
    <div class="main">
      <router-view></router-view>
    </div>
    <app-footer ref="footer"></app-footer>
  </div>
</template>

<style lang="less">
@import url('./layout.less');
@import url('./iconfont.less');

#app {
  height: 100%;
  min-width:1140px;
}
.header {
  height: 90px;
  background: url('./assets/header_bg.png') no-repeat;
  background-size: 100% 100%;
}
.footer {
  height: 60px;
  background-color: black;
}
.header-main {
  width: 90%;
  height: 100%;
  margin: auto;
}
.home-icon {
  width: 490px;
  flex-shrink:0;
}
.main {
  height: calc(100% - 150px);
}
.tel-icon {
  vertical-align: middle;
}
.tel-num {
  vertical-align: middle;
  color: white;
  margin-left: 5px;
}
.page {
  height: 100%;
  overflow-y: hidden;
  position: relative;
}

</style>
